<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    块级元素：可以包含任何body标签 
    1. 独占一行
    2. 由上往下排列
    3. 可以设置高度和宽度生效，不设置宽度填满整父级容器
    4. 设置外边距和内边距都生效
    5. html head body div p h1-h6 ul li ol li dl dt dd

    注意：文字类的元素内不能使用块级元素。 
    p 标签主要用来存放文字，因此p里面不能放块级元素。

    行内元素：只能包含行内标签
    1. 都会在一行内
    2. 由左往右排列
    3. 可以设置高度和宽度不生效，默认是内容的大小
    4. 设置外边距和内边距 垂直方向不生效
    5. span b strong i em del s u ins a

    行内块元素：可以包含行内和行内块
    1.都会在一行内
    2.由左往右排列
    3.设置高度和宽度生效,不是设置默认就是内容大小
    4.img
    <hr>

    <!-- <h1 style="height:100px;width:200px;background-color: red;">111</h1>
    <h3>333</h3> -->

    <!-- <span style="height:100px;width:200px;background-color: red;">111qqqq</span>
    <i>222</i> -->

    <img src="bbb.png"
    style="height:100px;width:100px;" alt="">
    <img src="bbb.png" alt="">
    <img src="bbb.png" alt="">
</body>
</html>